<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<!-- 引入JQuery文件 要单独用一对标签 -->
		<script type="text/javascript" src="../JQuery/jquery-3.6.0.min.js"></script>
		<!-- js代码 -->
		<script>
			//jquery是js1函数库 用于简化js的写法 综合使用了H C J
			function function1() {
				//dom
				var p = document.getElementsByTagName("p");
				p[0].innerText = "hello";

				//jquery 必须引入文件才能使用
				// $("p").hide();
				$("p").text("我变了。。。。。");
			}

			// $(function() {
			// 		var p = $("p");
			// 		// alert(p[0].innerText);
			// 		$("div").mouseenter(function(){//jquery语法中函数名和js中稍有不同 比如这里mouseenter前没有on
			// 			$("p").hide();
			// 		})
			// 		$("div").mouseleave(function(){
			// 			$("p").show();
			// 		})
			// 	}

			// )
		</script>
		<title>JQuery</title>
	</head>
	<body>
		<p id="test1" onclick="function1()">这个id=test1会隐藏吗</p>
		<p id="test2" onclick="function1()">这个id=test2会隐藏吗</p>
		<p id="test3" onclick="function1()">这个id=test3会隐藏吗</p>

		<div id="div1">div001</div>
		<div id="div2">div002</div>
		<div id="div3">div003</div>
	</body>
</html>
